<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>在线考试</title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
</head>
<body>
    <header th:replace="common::#header"></header>
    <nav th:replace="common::#nav"></nav>
    <article class="container">
        <form class="form-inline">
            <div class="form-group">
                <label for="paId">卷ID</label>
                <input type="text" class="form-control" id="paId">
            </div>
            <div class="form-group">
                <label for="paPassword">密码</label>
                <input type="text" class="form-control" id="paPassword">
            </div>
            <button type="button" class="btn btn-default" id="query">确认</button>
        </form>
        <h5 class="hide"></h5>
        <hr class="hide">
        <dl id="single" class="hide">
            <dt></dt>
            <dd><input id="sinA" type="radio" name="sinSelect" value="a"> <label for="sinA"></label></dd>
            <dd><input id="sinB" type="radio" name="sinSelect" value="b"> <label for="sinB"></label></dd>
            <dd><input id="sinC" type="radio" name="sinSelect" value="c"> <label for="sinC"></label></dd>
            <dd><input id="sinD" type="radio" name="sinSelect" value="d"> <label for="sinD"></label></dd>
        </dl>
        <dl id="yesno" class="hide">
            <dt></dt>
            <dd><input id="ynY" type="radio" name="ynSelect" value="y"> <label for="ynY">y. 对</label></dd>
            <dd><input id="ynN" type="radio" name="ynSelect" value="n"> <label for="ynN">n. 错</label></dd>
        </dl>
        <hr class="hide">
        <div class="hide">
            <button class="btn btn-default" type="button" id="prev">上一题</button>
            <button class="btn btn-default" type="button" id="next">下一题</button>
            <button class="btn btn-default" type="button" id="handPaper">交 卷</button>
        </div>
    </article>
    <footer th:replace="common::#footer"></footer>

    <script th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script th:src="@{/js/bootstrap.js}"></script>
    <script th:src="@{/js/layer.js}"></script>
    <script th:src="@{/js/test.js}"></script>

</body>
</html>